<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">

<head>
    <!-- 页面meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>商品管理</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../plugins/adminLTE/css/AdminLTE.css">
    <link rel="stylesheet" href="../plugins/adminLTE/css/skins/_all-skins.min.css">
    <link rel="stylesheet" href="../css/style.css">
	<script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
    <script src="../plugins/bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript">
		$(function () {
			getGoodsBySellerId();
		})
		function getGoodsBySellerId() {
			$.ajax({
				url: "/goods/getGoodsBySellerId",
				type: "post",
				data:{state:$("#state").val(),name:$("#name").val()},
				async: false,//同步
				dataType: "json",
				success: function (result) {
					var goodsList = result.data;
					var table = '';

					$.each(goodsList,function (i,v) {
						table += '<tr><td><input type="checkbox" name="box" value="'+v.id+'"></td><td>'+v.id+'</td>';
						table += '<td>'+v.goodsName+'</td><td>'+v.price+'</td>';
						table += '<td>'+v.category1Name+'</td><td>'+v.category2Name+'</td><td>'+v.category3Name+'</td>';
						if (v.auditStatus == 0) {
							table += '<td><span style="color:#faff1f;">申请中</span></td>';
						} else if(v.auditStatus == 1){
							table += '<td><span style="color:#1bff63;">审核通过</span></td>';
						} else if(v.auditStatus == 2){
							table += '<td><span style="color:#F00;">审核驳回</span></td>';
						}else if(v.auditStatus == 3){
							table += '<td><span style="color:#2b30ff;">未申请</span></td>';
						}
						table += '<td class="text-center"><button type="button" class="btn bg-olive btn-xs" >修改</button></td></tr>';

					})
					$("#goodsId").html(table);
					/*pageInstall(page)*/
				},
				error: function () {
					alert.error("系统错误，请联系管理员！");
				}
			})
		}
		//删除
		function deleteInfo(a) {

			var bids=$("[name=box]");
			var ids=[];
			$(bids).each(function(i,e){
				if ($(e).prop("checked")) {
					ids.push($(e).val());
				}
			});

			if (ids.length<=0){
				alert("请选择品牌");
			}
			if (confirm("对id为"+ ids +"的品牌进行操作？")) {

				$.ajax({
					url:"/goods/deleteGoods",
					data:{ids:ids,a:a},
					type:"post",
					dataType:"json",
					async:true,
					success:function(result){
						alert(result.message);
						window.location.reload();

					},
					error:function(){
						alert("删除失败");
					}
				})
			}
		}
	</script>
 
</head>

<body class="hold-transition skin-red sidebar-mini" >
  <!-- .box-body -->
                
                    <div class="box-header with-border">
                        <h3 class="box-title">商品管理</h3>
                    </div>

                    <div class="box-body">

                        <!-- 数据表格 -->
                        <div class="table-box">

                            <!--工具栏-->
                            <div class="pull-left">
                                <div class="form-group form-inline">
                                    <div class="btn-group">
                                        <button type="button" class="btn btn-default" onclick="deleteInfo(10)" title="删除" ><i class="fa fa-trash-o"></i> 删除</button>
                                        <button type="button" class="btn btn-default" onclick="deleteInfo(20)" title="提交审核" ><i class="fa fa-check"></i> 提交审核</button>
                                        <button type="button" class="btn btn-default" title="刷新" onclick="window.location.reload();"><i class="fa fa-refresh"></i> 刷新</button>
                                    </div>
                                </div>
                            </div>
                            <div class="box-tools pull-right">
                                <div class="has-feedback">
                                  状态：<select th:id="state">
                                         	<option value="">全部</option>      
                                         	<option value="3">未申请</option>
                                         	<option value="0">申请中</option>
                                         	<option value="1">审核通过</option>
                                         	<option value="2">已驳回</option>
                                        </select>
							                  商品名称：<input th:id="name">
									<button class="btn btn-default" onclick="getGoodsBySellerId()">查询</button>
                                </div>
                            </div>
                            <!--工具栏/-->

			                  <!--数据列表-->
			                  <table id="dataList" class="table table-bordered table-striped table-hover dataTable">
			                      <thead>
			                          <tr>
			                              <th class="" style="padding-right:0px">
			                                  <input id="selall" type="checkbox" class="icheckbox_square-blue">
			                              </th> 
										  <th class="sorting_asc">商品ID</th>
									      <th class="sorting">商品名称</th>
									      <th class="sorting">商品价格</th>
									      <th class="sorting">一级分类</th>
									      <th class="sorting">二级分类</th>
									      <th class="sorting">三级分类</th>
									      <th class="sorting">状态</th>									     						
					                      <th class="text-center">操作</th>
			                          </tr>
			                      </thead>
			                      <tbody th:id="goodsId">

			                      </tbody>
			                  </table>
			                  <!--数据列表/-->                        
							  
							 
                        </div>
                        <!-- 数据表格 /-->
                        
                        
                     </div>
                    <!-- /.box-body -->
		
</body>

</html>